<style>
    .xiangqingBoxLeft{width: 75%;float: left;margin-top: 0!important;}
    .showrrboxtext{width: calc(25% - 60px);float: left;margin: 15px 0 0 15px}
    .showrrdaozuo{letter-spacing:9px;float: left;padding: 4px 0;padding-left: 8px;width: 20px;position: fixed;
        top: 81px;right:calc(25% - 19px);cursor: pointer;background: #FFFFFF;}
    .showrrdao{position: fixed;top: 80px;right: -3px;background: #ffffff;z-index: 99999999;}
    .showrrboxtext .table-box .title{background-color: #FFFFFF!important;}

    .showrrboxtext .tuo{width: calc(50% - 36.5px)}
    .showrrboxtext .tuo{height: 60px;padding: 5px 10px 0px 25px;float: left;background-color: #EDF3FC;}
    .showrrboxtext .tuo .tit{margin-top: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px!important;color: #7B7676!important;}
    .showrrboxtext .tuo .con{margin-top: 5px;font-size: 14px!important;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .showrrboxtext .tuo:nth-child(even){border-right: 3px solid #FFFFFF;}
    .showrrboxtext .tuo{border-bottom: 3px solid #FFFFFF;}
    .showrrboxtext .tablenes .title{border: none!important;}

    .showrrboxtextaddpage{background-color: #FFFFFF;margin-top: 81px;border-radius: 8px;padding: 10px;border-top-left-radius: 0;}
    .showrrboxtextaddpage .table-box .title {
        height: 50px;
        border: 1px solid #eeeeee;
        border-bottom: 0;
        line-height: 50px;
        padding-left: 10px;
        background: #F5F6FD;
        color: #1CA5FF;
        font-size: 16px;
        display: flex;
    }
    .tablenes{
        display: flow-root;
    }
    /*.showrrboxtextaddpage{*/
        /*position: fixed;*/
        /*right: 20px;*/
    /*}*/
</style>

<div class="showrrdaobox">
    <div class="showrrdaozuo" onclick="click_rrdao()">
        <span class="colorlan jtt" style="font-size: 20px">></span>
        <span>相关信息</span>
    </div>
</div>
<div style="clear: both"></div>
<script>
    $("#optPage #commentForm").addClass('xiangqingBoxLeft');
    $(".showrrboxtext").addClass('showrrboxtextaddpage');
    function click_rrdao(){
        if($(".showrrdaozuo").hasClass('showrrdao')){
            $(".showrrboxtext").removeClass('layui-hide');
            $("#optPage #commentForm").addClass('xiangqingBoxLeft');
            $(".showrrdaozuo").removeClass('showrrdao');
            $(".showrrdaozuo").find('.jtt').html('>');
        }else{
            $(".showrrboxtext").addClass('layui-hide');
            $("#optPage #commentForm").removeClass('xiangqingBoxLeft');
            $(".showrrdaozuo").addClass('showrrdao');
            $(".showrrdaozuo").find('.jtt').html('<');
        }

    }
</script>